@import "@automattic/typography/styles/fonts";
@import "@automattic/onboarding/styles/mixins";

/**
 * Common importer integration styles
 */
.site-setup {
	.step-container__content > div[class^="importer-"] {
		max-width: 700px;
		margin: auto;
	}

	.import__onboarding-page {
		@include onboarding-block-margin;

		@media ( min-width: $break-medium ) {
			margin-left: auto;
			margin-right: auto;
		}

		.onboarding-progress {
			min-width: auto;
			margin: auto;

			@include break-small {
				min-width: 530px;
			}
		}

		.wpcom__loading-ellipsis {
			display: block;
			margin: auto;
		}

		.wpcom__loading {
			margin: 0 auto;
		}
	}
}

.step-wrapper__header-image {
	margin-top: 64px;
	display: none;

	@include break-small {
		display: block;

		// Fix overflow caused by header_image
		img {
			height: auto;
			max-width: 100%;
		}
	}
}
